Dans cette nouvelle section du cours, nous ne nous concentrerons pas sur des modules d'électrons spécifiques,
mais des implémentations importantes ou utiles de ces modules en plus de cela verront également comment implémenter cinq API
HTML natives dans notre application.
N'oubliez pas que lorsque vous créez des applications électroniques, nous travaillons dans l'une des dernières versions de chrome,
ce qui signifie que presque toutes les API HTML5 sont prises en charge dans une fenêtre de navigateur, ce dont nous
devrions certainement profiter pleinement.
Le premier sujet couvrira alors n'étant pas une API HTML5, mais une API électronique est un rendu hors écran.
Electron a une page dédiée expliquant ce concept, mais cela signifie essentiellement de charger et de rendre le contenu dans une
fenêtre de navigateur sur un thread séparé, ce qui signifie qu'il n'est pas visible et se produit donc plus
rapidement tout en utilisant moins de ressources.
Une solution parfaite pour, par exemple, rendre une page sur un élément de canevas ou même un contexte 3D.
Le rendu hors écran peut être exécuté dans deux modes par défaut en utilisant le GPU ou la carte graphique, ou
en utilisant le processeur du système uniquement si vous avez besoin d'animations CSS 3D pendant le rendu, vous voudrez le laisser
par défaut.
Donc, en utilisant le GPU.
Mais si votre application ne nécessite pas le rendu d'animations, la désactivation de l'utilisation du GPU en faveur
du processeur uniquement est l'option la plus rapide préférée.
Je vais vous montrer ce dernier pour commencer.
Nous dirons à notre application de désactiver l'accélération matérielle afin de n'utiliser que le processeur à l'esprit avant de créer des
fenêtres de navigateur.
Appelez l'instance d'application.
Désactivez l'accélération matérielle.
Ensuite, pour rendre cette fenêtre principale hors écran, nous pouvons nous asseoir sur une chaise préférences hors écran, c'est vrai.
Il est très important de noter que nous définissons le contenu Web de cette fenêtre de navigateur pour qu'il soit rendu
hors écran.
La fenêtre elle-même appartient au processus principal et ne peut pas être exécutée sur un thread distinct comme le
rendu du contenu Web.
Cela aura plus de sens dans une seconde.
Ensuite, au lieu de charger l'index ou le HTML, je changerai cette fenêtre pour charger à la place un u rl https
electron sorg.
C'est essentiellement à cette fenêtre principale qui va maintenant charger et rendre son contenu Web, la page d'accueil électron JS, mais nous
ne pourrons pas le voir.
Donc, pour nous assurer que cela fonctionne, nous pouvons obtenir le titre de la fenêtre une fois que c'est fait.
Chargement de la leçon sur le contenu Web de Windows principal.
Quatre dead finish load passant un rappel.
Dans lequel nous déconnectons le titre de la fenêtre avec le titre de la cible de la fenêtre principale, la sécurité, l'application se relance et nous
obtenons cette fenêtre sans flamme avec son contenu Web rendu hors écran selon ce message, vérifiez le titre
dans le terminal où nous voyons le titre de la page d'accueil des électrons verrouillée.
Donc, tout a fonctionné comme prévu.
Maintenant, dans la plupart des cas, nous ne voulons pas non plus que cette fenêtre avec un contenu hors écran soit visible.
Alors masquons également la fenêtre elle-même, en définissant les options de la fenêtre du navigateur sur false, puis en ne pouvant pas
voir la fenêtre du navigateur elle-même.
Nous pourrions aussi bien le fermer une fois le chargement terminé et que nous avons tout ce dont nous avons besoin.
Commentez cet appel d'écouteur fermé après que l'événement did finish load déclenche la fermeture du point de la fenêtre principale et
définit une fenêtre sur null.
Idéalement, nous aurions probablement juste quitté l'ensemble Appia, mais avec le nœud un en cours d'exécution, cela n'a
aucun sens.
Enregistrez ceci pour vérifier.
Ça fonctionne encore.
Rien ne se passe maintenant car il n'y a pas de fenêtre sur laquelle se concentrer.
Mais dans le terminal, ce titre est toujours verrouillé.
OK, donc le rendu de certains contenus est excellent, mais 99% du temps de rendu hors écran sera utilisé
pour obtenir des versions rendues du contenu.
Pour ce faire, nous pouvons écouter l'événement de peinture sur l'écran hors écran où la fenêtre principale du contenu
parsèment le contenu Web sur la peinture.
L'événement rappelle, nous fournissant l'objet d'événement dirty, qui est la taille et la limite de la zone qui a
été rendue, et enfin, une instance d'image native de la peinture de contenu rendu, contrairement à la fin de
la charge se déclenche à chaque fois que le contenu changements de rendu.
Cela se produit plusieurs fois lors du chargement du contenu, par exemple.
Donc, pour capturer les étapes de chargement du contenu dans les images, je vais enregistrer une capture d'écran
chaque fois que l'événement de peinture se déclenche, en attribuant à l'image de capture cette instance d'image native du contenu rendu parlé à PMG et en écrivant
cette image sur mon bureau à l'aide du module notes FS.
Fichier droit F-stop.
Obtenez le chemin du bureau avec un ordinateur portable, obtenez le chemin.
Capture d'écran avec barre oblique, soulignement I, qui créera dans un second point PMG les données que nous écrivons dans ce fichier
étant notre image PMG de capture d'écran et pour gérer toutes les erreurs de dialogue de la console POS
lorsque le rappel crée i. e. un simple pas d'incrément pour chaque capture d'écran commençant à un et incrémenté après chaque point.
Nous avons également besoin du module FS.
Const S equals nécessite EFS, enregistrez-le et passez rapidement au bureau où nous obtenons ces captures d'écran au fur et à mesure que le contenu Web
est rendu, en voyant chaque point du début à la fin, une technique simple mais très puissante pour effectuer
un rendu de contenu rapide en tant que processus de fond.